body {
    /* background-image: linear-gradient(to bottom, rgba(216,112,147,1),rgba(216,112,147,.5), rgba(216,112,147,0));  */
     /* background:white; */
     /* background-image: url("../images/bgimg3.jpg"); */
     background-color: white;
     background-repeat: no-repeat;
     background-size: cover;
    /* background-image: linear-gradient(to bottom, rgba(144,238,144,1),rgba(144,238,144,.5), rgba(144,238,144,0));  */
    
}

.row {
    margin-right: -20px;
    margin-left: -20px;
    
}

.test {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 4px;
    
        height: auto;
        /* background-image: url("images/back.jpg");
    background-repeat: no-repeat; 
    background-size: cover; */
        /* background-image: linear-gradient(to bottom, rgba(144,238,144,1),rgba(144,238,144,.5) , rgba(144,238,144,0));  */
      
   
}
.plant{
    /* background-image: linear-gradient(to right , rgb(255, 255, 255), rgb(238, 180, 180, 0.589)); */
    background-color: #ffffff; 
    display: block;
    box-sizing: border-box;
    border-top-left-radius: 15px; 
    /* border: 3px solid #008539;   */
    border-right: none;
    border-bottom: ;
    margin-bottom: 10px;
}

.green-house{
    background-color: rgb(255, 255, 255);     
   display: block;
   /* background-image: linear-gradient(to right , rgba(238, 180, 180, 0.589), rgb(255, 255, 255));     */
   border-top-right-radius: 15px;
   box-sizing: border-box;
   /* border: 3px solid #008539; */
   border-left: none;
   border-bottom: ;
   margin-bottom: 10px;
   /* border-left: 1px solid black; */
   
}

.plant img:hover,
.green-house img:hover,
.caption:hover img {
    transform: scale(1.06);
    /* translate: 20px; */
    opacity: 0.4;
}

.green-house img,
.plant img {
    display: block;
   
    max-width: 100%;
    padding: 0;
    transition: all 1s;
    /* border: 2px solid black; */
    height: auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    border: 1px solid black;
    /* box-shadow: 0px 10px 20px 0px rgba(11, 247, 172, 0.602); */
    border-radius: 20px;
    
}

.capimg {
    position: relative;
}

.container {
    padding-top: 130px;
    display: block;
    box-sizing: border-box;
    
}

.caption {
    /* background-color: rgba(0, 0, 0, 0.438); */
    font-size: 100%;
    color: white; 
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 30%;
    opacity: 0;
    transition: all 1s;
    margin-top: 1px;
    

}

.green-house img:hover + .caption,
.plant img:hover + .caption,
.caption:hover{
    background-color: black;
    opacity: 1;
    padding-top: 3px;
    cursor: pointer;
}

  
.imghead {
    font-size: large;
    text-align: center; 
    color: white;
    background-color: #008539;;
    width: 100%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.imghead2 {
    font-size: large;
    text-align: center; 
    color: white;
    background-color: #008539;
    width: 100%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


@media only screen and (max-width: 480px) {
    .imghead { font-size: small;}
    .imghead2{ font-size: small;}
}

.btn-a {

    width: 100%;
    font-size: 100%;
    color: white; 
    text-align: center;
    background-color: rgba(9, 11, 14, 0.747);
    box-sizing: border-box;
    display: block;

}
@media only screen and (max-width: 480px) {
    .btn-a { font-size: 70%;}
    
}

a {
    display: block;
    box-sizing: border-box;
}






/*********************************slide show*********************/
.width {
    width: 100%;
    height: 40%;
    /* border: 2px solid black; */
    margin-left: 1%;
    margin-top: -1%;
    box-shadow: 0px -2px 10px 0px white;
}

   /*****************slide show***********************************/